<div class="flex justify-center items-center py-24 w-full">
    <div class="flex flex-col items-center">
        <div class="mb-4 text-2xl font-extrabold text-gray-900 dark:text-white md:text-3xl lg:text-4xl">
            <span class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">Django</span>
            <i class="fa-brands fa-python text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-red-600"></i>
            <span>Starter</span>
        </div>
        <p class="text-lg font-normal text-gray-500 lg:text-xl dark:text-gray-400">
            {{ title }}
        </p>
        <div class="flex gap-2 my-4">
            <a role="button" href="{% url 'djs_guide:index' %}"
               class="flex gap-2 items-center text-gray-900 bg-gradient-to-r from-red-200 via-red-300 to-yellow-200 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-red-100 dark:focus:ring-red-400 font-medium rounded-lg text-md px-5 py-2.5 text-center me-2 mb-2">
                <i class="fa-solid fa-house-chimney"></i>
                返回主页
            </a>
            <a role="button" href="{% url 'account:index' %}"
                    class="flex gap-2 items-center text-gray-900 bg-gradient-to-r from-red-200 via-red-300 to-yellow-200 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-red-100 dark:focus:ring-red-400 font-medium rounded-lg text-md px-5 py-2.5 text-center me-2 mb-2">
                <i class="fa-solid fa-circle-user"></i>
                个人中心
            </a>
        </div>
    </div>
</div>